import QtQuick 2.0
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import Quick.UIComponent.Slider.Special 0.1 as Custom
import Quick.UIComponent.Slider.Normal 0.1 as Custom1
import Quick.UIComponent.Slider.Simple 0.1 as Simple
import Quick.UIComponent.Slider.Custom 0.1 as Icon

Page{
    id:root
    title: "Slider"

    Flow{
        anchors.fill: parent
        anchors.margins: 4
        spacing: 40
        flow:Flow.TopToBottom

        Slider{
            from: 1
            value: 25
            to: 100
            width: 200
            id:ic
            ToolTip {
                parent: ic.handle
                visible: ic.pressed
                text: ic.value.toFixed(1)
            }
        }

        Custom.SSlider{
            stepValue:1
            sliderWidth:200
            maxValue:255
        }

        Custom1.MSlider{
            stepValue:1
            width: 200
            maxValue:255
        }

        Simple.Slider{
            from: 1
            value: 25
            to: 100
            width: 200
        }
        Icon.ImageSlider{
            indColor:"blue"
        }

        Icon.Slider{

        }

        RangeSlider {
            id: rangeSlider
            from: 1
            to: 100
            first.value: 25
            second.value: 75
            first.onValueChanged:{

            }
        }

        SpinBox{
            value: 50
        }

    }


}
